<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cemetery Information Management System</title>

<link rel="stylesheet" href="/CIMS/web/clientpage/templatemo_style.css"
	type="text/css" />
<link rel="stylesheet" href="/CIMS/web/clientpage/css/orman.css"
	type="text/css" media="screen" />
<link rel="stylesheet" href="/CIMS/web/clientpage/css/nivo-slider.css"
	type="text/css" media="screen" />
<link rel="stylesheet" href="/CIMS/web/clientpage/css/ddsmoothmenu.css"
	type="text/css" />
<link rel="stylesheet" href="/CIMS/js/bootstrap/css/bootstrap.min.css">

<script type="text/javascript" src="/CIMS/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript"
	src="/CIMS/web/clientpage/js/ddsmoothmenu.js"></script>
<script type='text/javascript'
	src='/CIMS/js/bootstrap/js/bootstrap.min.js'></script>
<script type='text/javascript'
	src='/CIMS/js/simplecart/simpleCart.min.js'></script>
<script type="text/javascript"
	src="/CIMS/web/clientpage/js/jquery.nivo.slider.pack.js"></script>


<div id="templatemo_header_wsp">
	<div id="templatemo_header" class="header_home">
		<div class="ddsmoothmenu"
			style="float: right; display: inline-block; vertical-align: top right;">
			<ul>

				<li><a href="#" rel="nofollow" onclick="showCartOpt()"
					id="shopping-cart"> <span class="simpleCart_quantity"></span>
						sản phẩm - <span class="simpleCart_total"></span> <span
						class="glyphicon glyphicon-shopping-cart"></span>
				</a>
					<ul class="shopping-cart-opts">
						<li><s:a action="viewCart">Xem giỏ hàng</s:a></li>
						<li><a href="javascript:;" class="simpleCart_empty"
							rel="nofollow">Hủy giỏ hàng</a></li>
					</ul></li>
				<s:if
					test='#session.containsKey("authed")==true && #session.authed==true'>
					<li style="height: 30px; padding-top: 5px;"><span>Xin
							chào: <s:property value="%{#session.user.username}"></s:property>
					</span></li>
					<li><s:a action="logout">Đăng xuất</s:a></li>
				</s:if>
				<s:else>
					<li><a href="/CIMS/web/clientpage/auth/login.jsp">Đăng
							nhập</a></li>
					<li><a href="/CIMS/web/clientpage/auth/register.jsp">Đăng
							ký</a></li>
				</s:else>
			</ul>
		</div>

		<div id="site_title">
			<a href="/CIMS" rel="nofollow"></a>
		</div>

		<div id="templatemo_menu" class="ddsmoothmenu">
			<ul>
				<li><a href="/CIMS/index.jsp" class="selected">Trang chủ</a></li>
				<li><a href="/CIMS/web/clientpage/about.jsp">Giới Thiệu</a></li>
				<li><a href="#" rel="nofollow">Dịch Vụ</a>
					<ul>
						<li><a href="#" rel="nofollow">Giới thiệu dịch vụ</a></li>
						<li><a href="#" rel="nofollow">Quy trình đăng ký</a></li>
						<li><s:a action="service">Các gói dịch vụ</s:a></li>
						<li><s:a action="product">Sản phẩm dịch vụ</s:a></li>
					</ul></li>
				<li><s:a action="listGrave">Mẫu Mộ</s:a></li>
				<li><a href="/CIMS/web/clientpage/land/map.jsp">Bản Đồ</a></li>
				<li><a href="/CIMS/web/clientpage/contact.jsp">Liên Hệ</a></li>
				<li><a href="/CIMS/web/clientpage/faqs.jsp">Thắc Mắc</a></li>
			</ul>
			<div id="templatemo_search">
				<form action="#" method="get">
					<input type="text" value="Tìm kiếm" name="keyword" id="keyword"
						title="keyword" onfocus="clearText(this)" onblur="clearText(this)"
						class="txt_field" /> <input type="submit" name="Search" value=""
						alt="Search" id="searchbutton" title="Search" class="sub_btn" />
				</form>
			</div>
			<br style="clear: left" />
		</div>

		<div class="slider-wrapper theme-orman">
			<div class="ribbon"></div>
			<div id="slider" class="nivoSlider">
				<img src="/CIMS/web/clientpage/images/portfolio/01.jpg"
					alt="slider image 1" /> <img
					src="/CIMS/web/clientpage/images/portfolio/02.jpg"
					alt="slider image 3" /> <img
					src="/CIMS/web/clientpage/images/portfolio/03.jpg"
					alt="slider image 3" /> <img
					src="/CIMS/web/clientpage/images/portfolio/04.jpg"
					alt="slider image 4" /> <img
					src="/CIMS/web/clientpage/images/portfolio/05.jpg"
					alt="slider image 5" />
			</div>
			<div id="htmlcaption" class="nivo-html-caption">
				<strong>Example</strong> caption with <a
					href="http://dev7studios.com" rel="nofollow">a credit link</a> for
				<em>this slider</em>.
			</div>
		</div>

		<script type="text/javascript">
			$(window).load(function() {
				$('#slider').nivoSlider({
					controlNav : false
				});
			});
		</script>
	</div>
</div>